"use client";

import { memo } from "react";
import type { ReactNode, FC } from "react";
import CustomLink from "@/components/customLink";

import styles from "./style.module.scss";
import { discoverMenu } from "@/public/assets/data/loacl_data";

interface IProps {
  children?: ReactNode;
}

const NavBar: FC<IProps> = (props) => {
  return (
    <>
      <div className={styles.navBar}>
        <div className={`${styles.navBarContentWrap} w1100`}>
          <div className={`${styles.content} w980`}>
            {discoverMenu.map((val) => {
              return (
                <CustomLink
                  href={val.link}
                  key={val.title}
                  active={styles.active}
                >
                  {val.title}
                </CustomLink>
              );
            })}
          </div>
        </div>
      </div>
    </>
  );
};

export default memo(NavBar);
